<template>
  <div class="home">
    <div class="item m-tb-20" v-for="({ title, path }, index) in titleList" :key="index">
      <router-link :to="path">{{ index + 1 }}、{{ title }}</router-link>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      titleList: [
        {
          title: 'component 标签的使用',
          path: '/component',
        },
        {
          title: '新手引导方案',
          path: '/introduce',
        },
        {
          title: '地图方案',
          path: '/map'
        },
        {
          title: '复制、长按、水印、拖拽方案',
          path: '/cm-directives'
        },
        {
          title: '大屏图表方案',
          path: '/big-screen'
        },
        {
          title: '动态路由',
          path: '/async-route'
        },
        {
          title: '全局注册组件方案',
          path: '/global-component'
        },
        {
          title: 'svg-icon的使用',
          path: '/svg-icon'
        },
        {
          title: '图片上的鼠标移动方案',
          path: '/img-mouse'
        },
        {
          title: '屏幕自适应方案',
          path: '/screen-flexible'
        },
        {
          title: '测量网速方案',
          path: '/ping'
        },
        {
          title: 'canvas的使用',
          path: '/canvas'
        },
        {
          title: '日历、日程安排实现方案',
          path: '/calendar'
        },
        {
          title: '视频时间轴组件',
          path: '/video-timeline'
        }
      ]
    }
  }
}
</script>

<style scoped lang="scss">

</style>